// JavaScript Document

$(function(){
	
		$('#navigationmenu li a').append('<span class="hovern"></span>')
		$('.hovern',this).animate({'opacity': 0})
		   $('#navigationmenu li a').hover(function() {
				// Stuff that happens when you hover on + the stop()
				$('.hovern', this).stop().animate({
					'opacity': 1
					}, 700,'easeOutSine')
			
			},function() {
	
				// Stuff that happens when you unhover + the stop()
				$('.hovern', this).stop().animate({
					'opacity': 0
					}, 700, 'easeOutQuad')
			
			})
			
});